html,body{margin:0;padding:0;background:#f4f6fa;font-family:Arial,Helvetica,sans-serif;}
  .wrap{max-width:1100px;margin:0 auto;}
  .flyer{position:relative;width:100%;line-height:0;}
  .flyer img{width:100%;height:auto;display:block;}
  .btn{
    position:absolute;display:flex;align-items:center;justify-content:center;
    text-decoration:none;font-weight:800;letter-spacing:.3px;
    border-radius:11px;cursor:pointer;text-align:center;
    line-height:1.05;box-sizing:border-box;padding:0 4px;
    transition:transform .12s ease, box-shadow .12s ease, filter .12s ease;
    -webkit-tap-highlight-color:transparent;
  }
  /*.btn:hover,.btn:focus{transform:translateY(-1px);filter:brightness(1.06);
    box-shadow:0 4px 10px rgba(255, 215, 0, .25);outline:none;}
  /* sit inside the two outlined boxes */

.btn:hover,
.btn:focus {
  transform: translateY(-1px);
  box-shadow: 0 4px 10px rgba(255, 215, 0, 0.25);
  outline: none;
  background-color: #fbbc05; /* adjust to your base color */
}
  .meetn{left: 32.6%;
    top: 102.96%;width:13.94%;height:5.85%;
    background:#1B2A4A;color:#fff;border:2px solid #1B2A4A;}
  .cal{left: 50.6%;
    top: 103.2%;width:13.94%;height:5.85%;
    background:#C0202F;color:#fff;border:2px solid #C0202F;}
  /* font scales a bit with viewport so text fits the box */
  .btn{font-size:clamp(8px,1.15vw,15px);}